<template>
  <v-card title="条形图">
    <vcu-chart-bar :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'row',
  data() {
    return {
      chartData: {
        dimensions: {
          name: 'Repo',
          data: [
            'Vue.js',
            'React',
            'Create RA',
            'Puppteer',
            'Axios',
            'VS Code',
            'Prettier',
            'RN',
            'Element',
            'Electron',
          ].reverse(),
        },
        measures: [
          {
            name: 'Rising Star',
            data: [40000, 27800, 22500, 22000, 21900, 20200, 17700, 15600, 14900, 14800].reverse(),
          },
        ],
      },
      settings: {
        direction: 'row',
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
